.user-list{padding:25px 12px;}
.user-list .photo{width: 60px;height: 60px;overflow: hidden;background-color: #F4F4F4;margin-right: 12px;border-radius: 50%;}
.user-list .info .name{color: #333;margin-bottom: 10px;}
.user-list .info .txt{color: #999;}

#code .code-mod{width: 100%;background-color: #2e3132;position: absolute;top: 110px;bottom: 0;}
#code .code-mod:after{content: '';width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #2e3132;position: absolute;top: -6px;left: 36px;}
#code .code-mod .code-top{width: 70%;background-color: #fff;border-radius: 6px 6px 0 0;text-align: center;padding: 12px 0;font-size: 14px;line-height: 1.5;border-bottom: 1px dashed #2e3132;}
#code .code-mod .code-box{width: 70%;padding: 20px 0;background-color: #fff;border-radius: 0 0 6px 6px;}
#code .code-mod .code-box .code{width: 80%;margin: auto;}
#code .code-mod .code-box .txt{text-align: center;margin-top: 8px;color: #666;}








/*粉丝会员列表*/
.userBox{padding: 15px 12px;}
.userBox[data-type='1']{background: url(../image/icon/lock-sock.png) 91% center no-repeat #fff;background-size: auto 56%;}
.userBox:after{left: 84px;}
.userBox .info-edit{height: 32px;background-color: transparent;padding: 0 14px;border:1px solid #ddd;border-radius: 19px;line-height: 1.2;font-size: 12px;color: #333;}
.userBox .photo{width: 60px;height: 60px;margin-right: 12px;position: relative;}
.userBox .photo .cover{width: 60px;height: 60px;border-radius: 50%;background-color: #F4F4F4;overflow: hidden;}
.userBox .photo .vip{display: block;background-color: #ffd907;color: #333;font-size: 12px;position: absolute;bottom: -4px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);padding: 2px 8px;border-radius: 3px;text-transform: uppercase;}
.userBox .info{overflow: hidden;}
.userBox .info .name{color: #333;margin-bottom: 4px;}
.userBox .info .name .vip{display: inline-block;background-color: #ffd907;color: #333;padding: 2px 8px;border-radius: 3px;text-transform: uppercase;font-size: 12px;vertical-align: middle;margin-left: 3px;margin-top: -2px;}
.userBox .info .time{color: #999;margin-top: 4px;}
.userBox .info .tag-box{overflow: hidden;}
.userBox .info .unsign{color: #999;line-height: 14px;font-size: 12px;}
.userBox .info .tag-box .tag{display: block;float: left;height: 16px;line-height: 16px;border: 1px solid #51BBED;color: #51BBED;padding: 0 5px;font-size: 12px;margin-right: 5px;border-radius: 3px;}
.userBox .btn-box{padding-left: 20px;}
.userBox .btn-box span{display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #ccc;margin: 3px 0;}

/*添加标签*/
#addTag #addBtn{background-color:transparent; color: #51BBED;padding: 0 12px;height: 34px;line-height: 1.2;font-size: 14px;}
#addTag .tag-wrap{padding: 12px;}
#addTag .tag-wrap a{display: block;height: 32px;line-height: 32px;padding: 0 15px;background-color: #51BBED;color: #fff;position: relative;white-space: nowrap;overflow: hidden;float: left;margin-right: 10px;margin-bottom: 10px;border-radius: 16px;font-size: 14px;}
#addTag .tag-wrap a span:nth-child(2){padding-left: 5px;display: inline-block;vertical-align: middle;margin-top: -5px;}


/*时间段筛选*/
#selDataMask .children .dm-title{position: relative;}
#selDataMask .children .dm-title .empty{display: block;position: absolute;top: 0;right: 0;width: 38px;height: 38px;background: url(../image/icon/empty-icon.png) center no-repeat;background-size: auto 22px;}
#selDataMask .children .date-wrap{padding: 0 12px;margin-top: 10px;}
#selDataMask .children .date-wrap .date-box{position: relative;}
#selDataMask .children .date-wrap .date-box .nor{width:100%;height: 36px;line-height: 1.2;border-bottom: 1px solid #ddd;box-sizing: border-box;background: transparent;text-align: center;font-size: 14px;}
#selDataMask .children .date-wrap .date-box .date{position: absolute;width: 100%;height: 36px;top: 0;left: 0;opacity: 0;}
#selDataMask .children .date-wrap .txt{padding: 0 10px;}
#selDataMask .children .date-wrap .date-box .nor.clk{border-bottom-color: #51BBED;color: #51BBED;}




/*会员详情*/
#tagShow .list{-webkit-align-items: flex-start;align-items: flex-start;}
#tagShow .name{width: 60px;}

.history-wrap{padding: 0 12px;}
.history-wrap .list{-webkit-align-items: flex-start;align-items: flex-start;font-size: 14px;}
.history-wrap .list .time{line-height: 16px;padding:12px 0;white-space: nowrap;margin-right: 10px;color: #51BBED;}
.history-wrap .list .box{-webkit-align-items: flex-start;align-items: flex-start;}
.history-wrap .list .box .dot{display: block;width: 8px;height: 8px;background-color: #c2c2c2;border-radius: 50%;margin-top: 16px;margin-right: 10px;}
.history-wrap .list .box .link{padding: 12px 0;line-height: 16px;color: #999;overflow: hidden;}
.history-wrap .list .box .link .type-1{color: #333;}
.history-wrap .list .box .link .type-2{color: #B4282D;}
.history-wrap .list .box .link .cover{width: 30%;background-color: #F4F4F4;margin-top: 8px;}







/*营销*/
#marketSpec .dm-title{margin-top: 10px;}
#marketSpec .specMod{padding-left: 12px;overflow: hidden;}
#marketSpec .specMod li{line-height: 34px;padding: 0 20px;border-radius: 3px;background-color: #f4f4f4;color: #555;font-size: 14px;margin-right: 10px;float: left;margin-bottom: 10px;}
#marketSpec .specMod li.on{background-color: #51BBED;color: #fff;}



.del-phone{height: 34px;background: transparent;padding-right: 12px;color: #B1242A;line-height: 1.2;}
.proDirect .cot label{display: block;margin-right: 12px;margin-bottom:2px;margin-top: 2px;height: 20px;}


.demandMod .btn-1,.demandMod .btn-2{display: inline-block;height: 30px;margin-left: 6px;font-size: 12px;vertical-align: middle;padding: 0 20px;line-height: 1.2;color: #555;border-radius: 3px;border:1px solid #ddd;background-color: transparent;}
.addDemand{position: absolute;bottom:60px;right: 12px;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(81,187,237,.8);color: #fff;z-index: 10;}
.addDemand:before{content: '';width: 2px;height: 50%;position: absolute;top: 25%;left:50%%;margin-left: -1px;background-color: #fff;}
.addDemand:after{content: '';width: 50%;height:2px;position: absolute;top: 50%;left: 25%;margin-top: -1px;background-color: #fff;}






.directPro{padding: 5px 12px;overflow: hidden;}
.directPro span{display: block;float:left;padding: 0 16px;height: 38px;line-height: 38px;border:1px solid #ddd;margin-right: 10px;}











/*新增*/
#userDtlMod .userInfo{padding:15px 12px;}
#userDtlMod .userInfo .photo{width:64px;height: 64px;background-color: #F4F4F4;margin-right: 10px;}
#userDtlMod .userInfo .name{color: #333;margin-bottom: 5px;}
#userDtlMod .userInfo .phone{color: #999;margin-top: 5px;}
#userDtlMod .tagMod .tag-box{padding-bottom: 5px;padding-left: 12px;padding-right: 2px;overflow: hidden;}
#userDtlMod .tagMod .tag-box span{display: block;float: left;line-height: 28px;font-size: 12px;color: #51BBED;border:1px solid #51BBED;border-radius: 3px;padding: 0 15px;margin-right: 10px;margin-bottom: 10px;}
#userDtlMod .dm-norlist .list .addr{margin: -10px 0;line-height: 24px;}
#userDtlMod .dm-norlist .list .addr .addr-list{padding: 10px 12px 10px 0;}

#remarkMask .mod{width: 80%;background-color: #fff;border-radius: 5px;position: absolute;top: 50%;left: 10%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 20;overflow: hidden;}
#remarkMask .mod .title{text-align: center;padding: 18px 0;}
#remarkMask .mod textarea{display: block;width: 90%;border: 1px solid #ddd;margin: auto;padding:6px 10px;line-height: 1.2;font-size: 14px;margin-bottom: 18px;}
#remarkMask .mod .btn-box{line-height: 44px;background-color: #fafafa;text-align: center;font-size: 14px;color: #555;}
#remarkMask .mod .btn-box .enter{color: #51BBED;}
